:root{
  /* --first_color:#66ccff; */
}
h2,p{word-break: break-word}

.botmenu{ text-align: center !important; background: var(--first_color);}
.online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative}
.online dl:hover{background:var(--first_color)}
.online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer}

a{color:#333;}
a:focus,
a:hover{color: var(--first_color);}
.flex-row{display: flex;flex-wrap: wrap;}
.flex-item-center{align-items: center;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sw_banner{width: 1920px;max-width: 100%;}
.sw_banner .swiper-pagination-bullet{background: #fff;border: 2px solid var(--first_color); width: 12px;height: 12px;}
.sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;border: 2px solid transparent;}
.clearfix::after{display: table;clear: both;content: '';}
p{margin-bottom: unset;}
.navbar-default .navbar-nav .nav-link:focus{background: unset;}
:focus{outline: unset;}
* + p,
p + *,
p + p{margin-top: unset;}
@media (min-width: 992px){
  * + p {margin-top: unset;}
}
.zoom_img{overflow: hidden;}
.zoom_img img{transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.zoom_img:hover img{transform: scale(1.1);transition: all .30s ease;}
/* 1200 */
/* .container{max-width: 1230px;}
@media (min-width: 1600px){
  .container{width: 1230px;}
} */
.container{max-width: 1230px;}
@media (min-width: 1600px){
  .row > [class*='col-']{padding-left: 1rem;padding-right: 1rem;}
  .row{margin-left: -1rem;margin-right: -1rem;}
}
/* 顶部 */
.nav_top{padding: 0.3rem 0;}
.nav_top_text1{font-size: 12px;font-family: "Microsoft YaHei";color: #666;}
.nav_top_right{text-align: right;}
/*顶部*/
.sw_banner{background: #fff;--swiper-navigation-color: var(--first_color);}
.sw_banner a{display: block;}
/* max-width:567px max-width:768px max-width:992px max-width:1200px */
/* // Small devices (landscape phones, 576px and up) sm*/
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) md*/
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) lg*/
@media (min-width: 992px) {  }

/* // Extra large devices (large desktops, 1200px and up) xl*/
@media (min-width: 1200px) {  }

/* header1 */
/* header start */
header.header1 {position: absolute;top: 0;left: 0;z-index: 999;padding: 0 0;width: 100%; background: url(../images/web/nav_bg.png) repeat-x center top;}
header.header1:before {position: absolute;top: 0;left: 0;z-index: 0;width: 100%; height: 100%; ;content: ""; opacity: .7;}
.header1 .header_mid_mid ul li.header_lang a{width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #333;border-radius: 50px;color: #333;}
/* header end */
.header1 .header_mid_box {display: flex;justify-content: space-between;align-items: center;}
/* header left start */
.header1 .header_mid_left {width: 30%;}
.header1 .header_mid_left img {}
.header1 .header_mid_left a {position: relative;display: block;overflow: hidden;}
/* header left end */
/* header middle start */
.header1 .header_mid_mid {position: relative;display: flex;width: 70%;}
.header1 .header_mid_mid ul {display: flex;justify-content: space-between;width: 100%;}
.header1 .header_mid_mid ul li {position: relative;white-space: nowrap;}
.header1 .header_mid_mid ul li a.biga {position: relative;display: block;padding: 48px 0;font-size: 1rem;color: #444;line-height: 1.5;}
.header1 .header_mid_mid ul li a.biga>span {padding: 0 12px;}
/* .header1 .header_mid_mid ul li a.biga.down {padding-right: 15px;} */
/* .header1 .header_mid_mid ul li a.biga.down:after {position: absolute;top: 50%; right: 10px;margin-top: -3px;width: 12px;height: 6px;-webkit-mask: url(../images/down.svg) no-repeat 50% 50%; mask: url(../images/down.svg) no-repeat 50% 50%; -webkit-mask-size: cover;mask-size: cover;content: ''; background-color: #333;} */
.header1 .header_mid_mid ul li:last-child {cursor: pointer;}
.header1 .header_mid_mid ul li.ss .search-box {width: 820px;opacity: 1;}
.header1 .header_mid_mid ul li a.biga:hover,
.header1 .header_mid_mid ul li a.biga.action,
.header1 .header_mid_mid ul li a.bigaon {color: #444;}
.header1 .header_mid_mid ul li a.biga:before {position: absolute;bottom: 15px;left: 0;right: 0;margin: 0 auto;width: 0;height: 2px;background-color: var(--first_color); content: ''; opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.header1 .header_mid_mid ul li a.biga:hover:before,
.header1 .header_mid_mid ul li a.biga.action:before,
.header1 .header_mid_mid ul li a.bigaon:before {width: 80%; opacity: 1;}
.header1 .header_mid_mid ul li a.biga.down:hover:after,
.header1 .header_mid_mid ul li a.biga.down.action:after,
.header1 .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);}
header.header1.cur .header_mid_mid ul li a.biga.down:hover:after,
header.header1.cur .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);}
/*nav son dl label*/
.header1 .header_mid_mid ul li dl {position: absolute;z-index: 100;display: none;padding: 1.5em 0 1em 0;padding-top: .9em;width: max-content;background: rgba(255, 255, 255, .93); background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, .15); min-width: 100%;}
.header1 .header_mid_mid ul li dl dd a {display: block;padding: 7px 2.0714rem 7px 1rem;color: #000;text-align: left;font-size: .9375em;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.header1 .header_mid_mid ul li dl dd a:hover {background-color: var(--first_color); color: #fff;}
.header1 .header_mid_mid ul li dl dd:last-child {border: none;}
.header1 .header_mid_mid ul li dl dd:hover p,
.header1 .navigate ul li dl dd:hover p {z-index: 1000;display: block;}
.header1 .header_mid_mid ul li dl dd:hover .showsub,
.header1 .navigate ul li dl dd:hover p .mobile_p_c {color: var(--first_color);}
/*nav son p label*/
.header1 .header_mid_mid ul li dl dd {position: relative;}
.header1 .header_mid_mid ul li dl dd p a {float: left;display: block;padding-right: 0;width: 50%; color: #666;font-size: .9375em;}
.header1 .header_mid_mid ul li dl dd p a {position: relative;float: none;display: block;padding-right: 0;padding-left: 1.5em;width: auto;color: #333;}
.header1 .header_mid_mid ul li dl dd p a.action {color: var(--first_color);}
.header1 .header_mid_mid ul li dl dd p a:hover {background-color: var(--first_color); color: #fff;}
.header1 .header_mid_mid ul li dl dd p a span {position: relative;display: inline-block;padding: 0 0;}
.header1 .header_mid_mid ul li dl dd p a span:after {position: absolute;bottom: 0;left: 0;display: none;width: 0;height: 1px;background-color: var(--first_color); content: ''; -webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;-ms-transition-duration: .5s;}
.header1 .header_mid_mid ul li dl dd p a:hover span:after {width: 100%;}
.header1 .header_mid_mid ul li dl dd:hover a.showsub {background-color: var(--first_color); color: #fff;}
.header1 .header_mid_mid ul li dl dd p a b {font-size: 15px;}
.header1 .header_mid_mid ul li p {display: none;overflow: hidden;position: absolute;top: 0;left: 100%; width: 199px;background-color: #fff;height: max-content;padding-bottom: 20px;}
/*nav son*/
.header1 .header_mid_mid ul li dl.navson dd a.showsub {width: 190px;}
.header1 .header_mid_mid ul li dl.navson {padding-bottom: 1em;}
.header1 .header_mid_mid ul li dl.navson:before {position: absolute;top: 0;left: 0;z-index: 1;width: 190px;height: 100%; background-color: #fff;content: ''}
.header1 .header_mid_mid ul li dl.navson {width: 190px;background: 0 0;}
.header1 .header_mid_mid ul li dl.navson dd a.showsub {position: relative;z-index: 10;background-color: #fff}
.header1 .header_mid_mid ul li dl.navson dd:hover a.showsub,
.header1 .header_mid_mid ul li dl.navson dd a.action.showsub {background-color: var(--first_color); color: #fff;}
/* header middle end */
/* lang */
.header1 .header_mid_mid ul li.header_lang {display: flex;align-items: center;}
/* lang */
/* mobile nav button start */
.header1 .mobilenav {position: relative;display: none;}
.header1 .site__navi {position: relative;left: 0;z-index: 100;width: 23px;height: 16px;color: var(--first_color); cursor: pointer;}
.header1 .site__navi .text {position: absolute;right: 0;padding-right: 30px;}
.header1 .site__navi .icon {top: 9px;right: 0;display: block;cursor: pointer;}
.header1 .site__navi .icon{position: absolute;width: 23px;height: 1px;background: var(--first_color);}
.header1 .site__navi .icon:before {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;}
.header1 .site__navi .icon:before {position: absolute;top: -5px;width: 23px;height: 1px;background: var(--first_color);}
.header1 .site__navi .icon:after {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;}
.header1 .site__navi .icon:after {position: absolute;top: 5px;width: 23px;height: 1px;background: var(--first_color);}
.header1 .has-menu .site__navi .icon {background: 0 0;}
.header1 .has-menu .site__navi .icon:before {top: 0;-webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
.header1 .has-menu .site__navi .icon:after {top: 0;-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.header1 .site__navi:hover .text {color: #fff;-webkit-transition: color .35s;-o-transition: color .35s;transition: color .35s;}
.header1 .has-menu .site__navi .text,
.header1 .has-menu .site__navi:hover .text {color: #000;}
/* mobile nav button end */
/* mobile nav start */
.header1 .navigate {position: fixed;top: 67.4px;left: 100%; z-index: 777;visibility: hidden;overflow-y: auto;width: 62%; height: calc(100% - 67.4px); background-color: #fff;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;padding-bottom: 70px;}
.header1 .navigate.show {left: 39%; visibility: visible;opacity: 1;}
.header1 .navigate ul li {border-bottom: 1px #e0e0e0 solid;}
.header1 .navigate ul li a {position: relative;display: block;margin: 0 7.2vw;padding: .875em 0;color: #555;font-size: 1.5em;}
.header1 .navigate ul li a.action {color: var(--first_color);}
.header1 .navigate ul li a.mobile_alink {padding-right: 25px;}
.header1 .navigate ul li a.mobile_alink:after {position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;content: ''; transform: rotate(-90deg); transition: all .5s ease;}
.header1 .navigate ul li dl dd a {padding: .5em 0;color: #888;font-size: 1.375em;}
.header1 .navigate ul li dl {display: none;padding: 1em 0;background-color: #f5f5f5;}
.header1 .navigate ul li dl dd a:after {display: none;}
.header1 .navigate ul li.on a {color: var(--first_color);}
.header1 .navigate ul li.on dl dd a {color: #888;}
.header1 .navigate ul li.on dl dd a.action {color: var(--first_color);}
.header1 .navigate ul li.on a.mobile_alink:after {transform: rotate(0deg); background-color: var(--first_color);}
.header1 .navigate ul li.on dl dd.on a.mobile_p_c {color: var(--first_color);}
.header1 .navigate ul li.on dl dd p {display: none;}
.header1 .navigate ul li.on dl dd.on p {display: block;}
.header1 .navigate ul li.on dl dd p {padding: 10px;background-color: #ececec;}
.header1 .navigate ul li dl dd a.showsub.mobile_p_c {padding-right: 25px;}
.header1 .navigate ul li dl dd a.showsub.mobile_p_c::after {content: ''; position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;display: block;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;transform: rotate(-90deg); transition: all .5s ease;}
.header1 .navigate ul li.on dl dd.on a.mobile_p_c::after {transform: rotate(0deg); background-color: var(--first_color);}
.header1 .navigate ul li a {font-size: 1.25em;}
.header1 .navigate ul li dl dd a {font-size: 1em;}
.header1 .navigate ul li.header_moble_lang {display: flex;justify-content: center;align-items: baseline;margin: 0 7.2vw;padding: .875em 0;border-bottom: unset;}
.header1 .navigate ul li.header_moble_lang a {margin: 0 5px;padding: 0;}
.header1 .navmask {position: fixed;top: 0;right: 0;z-index: 666;visibility: hidden;width: 100%; height: 100%; background-color: #000;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;display: none;}
.header1 .navmask.show {visibility: visible;opacity: 0;display: block;}
.header1 .ovh {overflow: hidden;}
/* mobile nav end */
@media screen and (max-width:1024px) {
  .page {padding-top: 70px;}
  header.header1  {position: fixed;  height: 70px;}
  header.header1  .container {display: flex;  justify-content: space-between;  align-items: center;}
  .header1 .header_mid_box {width: 80%; }
  .header1 .header_mid_left {margin-top: 0;}
  .header1 .header_mid_left img{max-height: 60px;max-width: 100%;}
  header.header1:before {display: none;}
  .header1 .mobilenav {display: block;}
  .header1 .header_mid_mid {display: none;}
  .header1 .header_mid_left {float: none;  width: 100%;   text-align: left;}
  .header1 .header_mid_left a {display: inline-block;}
  header.header1  {padding: 5px 0;  background-color: #fff;}
  header.header1  .header_mid_left a:after {top: 0;  opacity: 1;}
}
@media screen and (max-width:480px) {
  .header1 .navigate ul li dl {padding: .875em 0;}
  .header1 .navigate ul li a {font-size: 1.125em;}
}
/* header1 */

/* header2 */
/* header start */
header.header2 {position: relative;top: 0;left: 0;z-index: 999;padding: 0 0;width: 100%; background-color: #fff;}
header.header2 > div{position: relative;}
header.header2:before {position: absolute;top: 0;left: 0;z-index: 0;width: 100%; height: 100%; background-color: #fff;content: ""; opacity: .7;}
/* header end */
.header2 .header_mid_box {display: flex;justify-content: space-between;align-items: center;}
/* header left start */
.header2 .header_mid_left {}
.header2 .header_mid_left img {}
.header2 .header_mid_left a {position: relative;display: block;overflow: hidden;}
/* header left end */
/* header middle start */
.header2 .header_mid_mid {position: relative;display: flex;}
.header2 .header_mid_mid ul {display: flex;}
.header2 .header_mid_mid ul li {position: relative;white-space: nowrap;}
.header2 .header_mid_mid ul li a.biga {position: relative;display: block;padding: 2.8571rem 0;font-size: 1rem;color: #333;line-height: 1.5;}
.header2 .header_mid_mid ul li a.biga>span {padding: 0 12px;}
.header2 .header_mid_mid ul li a.biga.down {padding-right: 15px;}
.header2 .header_mid_mid ul li a.biga.down:after {position: absolute;top: 50%; right: 10px;margin-top: -3px;width: 12px;height: 6px;-webkit-mask: url(../images/down.svg) no-repeat 50% 50%; mask: url(../images/down.svg) no-repeat 50% 50%; -webkit-mask-size: cover;mask-size: cover;content: ''; background-color: #333;}
.header2 .header_mid_mid ul li:last-child {cursor: pointer;}
.header2 .header_mid_mid ul li.ss .search-box {width: 820px;opacity: 1;}
.header2 .header_mid_mid ul li a.biga:hover,
.header2 .header_mid_mid ul li a.biga.action,
.header2 .header_mid_mid ul li a.bigaon {color: var(--first_color);}
.header2 .header_mid_mid ul li a.biga:before {position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;width: 0;height: 1px;background-color: var(--first_color); content: ''; opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.header2 .header_mid_mid ul li a.biga:hover:before,
.header2 .header_mid_mid ul li a.biga.action:before,
.header2 .header_mid_mid ul li a.bigaon:before {width: 80%; opacity: 1;}
.header2 .header_mid_mid ul li a.biga.down:hover:after,
.header2 .header_mid_mid ul li a.biga.down.action:after,
.header2 .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);}
header.header2.cur .header_mid_mid ul li a.biga.down:hover:after,
header.header2.cur .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);}
/*nav son dl label*/
.header2 .header_mid_mid ul li dl {position: absolute;z-index: 100;display: none;padding: 1.5em 0 1em 0;padding-top: .9em;width: max-content;background: rgba(255, 255, 255, .93); background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, .15); min-width: 100%;}
.header2 .header_mid_mid ul li dl dd a {display: block;padding: 7px 2.0714rem 7px 1rem;color: #000;text-align: left;font-size: .9375em;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.header2 .header_mid_mid ul li dl dd a:hover {background-color: var(--first_color); color: #fff;}
.header2 .header_mid_mid ul li dl dd:last-child {border: none;}
.header2 .header_mid_mid ul li dl dd:hover p,
.header2 .navigate ul li dl dd:hover p {z-index: 1000;display: block;}
.header2 .header_mid_mid ul li dl dd:hover .showsub,
.header2 .navigate ul li dl dd:hover p .mobile_p_c {color: var(--first_color);}
/*nav son p label*/
.header2 .header_mid_mid ul li dl dd {position: relative;}
.header2 .header_mid_mid ul li dl dd p a {float: left;display: block;padding-right: 0;width: 50%; color: #666;font-size: .9375em;}
.header2 .header_mid_mid ul li dl dd p a {position: relative;float: none;display: block;padding-right: 0;padding-left: 1.5em;width: auto;color: #333;}
.header2 .header_mid_mid ul li dl dd p a.action {color: var(--first_color);}
.header2 .header_mid_mid ul li dl dd p a:hover {background-color: var(--first_color); color: #fff;}
.header2 .header_mid_mid ul li dl dd p a span {position: relative;display: inline-block;padding: 0 0;}
.header2 .header_mid_mid ul li dl dd p a span:after {position: absolute;bottom: 0;left: 0;display: none;width: 0;height: 1px;background-color: var(--first_color); content: ''; -webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;-ms-transition-duration: .5s;}
.header2 .header_mid_mid ul li dl dd p a:hover span:after {width: 100%;}
.header2 .header_mid_mid ul li dl dd:hover a.showsub {background-color: var(--first_color); color: #fff;}
.header2 .header_mid_mid ul li dl dd p a b {font-size: 15px;}
.header2 .header_mid_mid ul li p {display: none;overflow: hidden;position: absolute;top: 0;left: 100%; width: 199px;background-color: #fff;height: max-content;padding-bottom: 20px;}
/*nav son*/
.header2 .header_mid_mid ul li dl.navson dd a.showsub {width: 190px;}
.header2 .header_mid_mid ul li dl.navson {padding-bottom: 1em;}
.header2 .header_mid_mid ul li dl.navson:before {position: absolute;top: 0;left: 0;z-index: 1;width: 190px;height: 100%; background-color: #fff;content: ''}
.header2 .header_mid_mid ul li dl.navson {width: 190px;background: 0 0;}
.header2 .header_mid_mid ul li dl.navson dd a.showsub {position: relative;z-index: 10;background-color: #fff}
.header2 .header_mid_mid ul li dl.navson dd:hover a.showsub,
.header2 .header_mid_mid ul li dl.navson dd a.action.showsub {background-color: var(--first_color); color: #fff;}
/* header middle end */
/* lang */
.header2 .header_mid_mid ul li.header_lang {display: flex;align-items: center;}
/* lang */
/* mobile nav button start */
.header2 .mobilenav {position: relative;display: none;}
.header2 .site__navi {position: relative;left: 0;z-index: 100;width: 23px;height: 16px;color: var(--first_color); cursor: pointer;}
.header2 .site__navi .text {position: absolute;right: 0;padding-right: 30px;}
.header2 .site__navi .icon {top: 9px;right: 0;display: block;cursor: pointer;}
.header2 .site__navi .icon{position: absolute;width: 23px;height: 1px;background: var(--first_color);}
.header2 .site__navi .icon:before {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;}
.header2 .site__navi .icon:before {position: absolute;top: -5px;width: 23px;height: 1px;background: var(--first_color);}
.header2 .site__navi .icon:after {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;}
.header2 .site__navi .icon:after {position: absolute;top: 5px;width: 23px;height: 1px;background: var(--first_color);}
.header2 .has-menu .site__navi .icon {background: 0 0;}
.header2 .has-menu .site__navi .icon:before {top: 0;-webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
.header2 .has-menu .site__navi .icon:after {top: 0;-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.header2 .site__navi:hover .text {color: #fff;-webkit-transition: color .35s;-o-transition: color .35s;transition: color .35s;}
.header2 .has-menu .site__navi .text,
.header2 .has-menu .site__navi:hover .text {color: #000;}
/* mobile nav button end */
/* mobile nav start */
.header2 .navigate {position: fixed;top: 67.4px;left: 100%; z-index: 777;visibility: hidden;overflow-y: auto;width: 62%; height: calc(100% - 67.4px); background-color: #fff;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;padding-bottom: 70px;}
.header2 .navigate.show {left: 39%; visibility: visible;opacity: 1;}
.header2 .navigate ul li {border-bottom: 1px #e0e0e0 solid;}
.header2 .navigate ul li a {position: relative;display: block;margin: 0 7.2vw;padding: .875em 0;color: #555;font-size: 1.5em;}
.header2 .navigate ul li a.action {color: var(--first_color);}
.header2 .navigate ul li a.mobile_alink {padding-right: 25px;}
.header2 .navigate ul li a.mobile_alink:after {position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;content: ''; transform: rotate(-90deg); transition: all .5s ease;}
.header2 .navigate ul li dl dd a {padding: .5em 0;color: #888;font-size: 1.375em;}
.header2 .navigate ul li dl {display: none;padding: 1em 0;background-color: #f5f5f5;}
.header2 .navigate ul li dl dd a:after {display: none;}
.header2 .navigate ul li.on a {color: var(--first_color);}
.header2 .navigate ul li.on dl dd a {color: #888;}
.header2 .navigate ul li.on dl dd a.action {color: var(--first_color);}
.header2 .navigate ul li.on a.mobile_alink:after {transform: rotate(0deg); background-color: var(--first_color);}
.header2 .navigate ul li.on dl dd.on a.mobile_p_c {color: var(--first_color);}
.header2 .navigate ul li.on dl dd p {display: none;}
.header2 .navigate ul li.on dl dd.on p {display: block;}
.header2 .navigate ul li.on dl dd p {padding: 10px;background-color: #ececec;}
.header2 .navigate ul li dl dd a.showsub.mobile_p_c {padding-right: 25px;}
.header2 .navigate ul li dl dd a.showsub.mobile_p_c::after {content: ''; position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;display: block;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;transform: rotate(-90deg); transition: all .5s ease;}
.header2 .navigate ul li.on dl dd.on a.mobile_p_c::after {transform: rotate(0deg); background-color: var(--first_color);}
.header2 .navigate ul li a {font-size: 1.25em;}
.header2 .navigate ul li dl dd a {font-size: 1em;}
.header2 .navigate ul li.header_moble_lang {display: flex;justify-content: center;align-items: baseline;margin: 0 7.2vw;padding: .875em 0;border-bottom: unset;}
.header2 .navigate ul li.header_moble_lang a {margin: 0 5px;padding: 0;}
.header2 .navmask {position: fixed;top: 0;right: 0;z-index: 666;visibility: hidden;width: 100%; height: 100%; background-color: #000;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;display: none;}
.header2 .navmask.show {visibility: visible;opacity: 0;display: block;}
.header2 .ovh {overflow: hidden;}
/* mobile nav end */
.header2 .header_mid_box{padding: 10px 0;}
.header2 .nav_phone{display: flex;justify-content: flex-end;align-items: flex-start;}
.header2 .nav_phone_text{margin-left: .5rem;line-height: 1.2;}
.header2 .nav_phone_text1{font-size: 24px;color: #333;font-weight: bold;}
.header2 .nav_phone_text2{font-size: 14px;color: #333;}
.header2_nav{background-color: var(--first_color);}
.header2 .header_mid_mid ul{width: 100%;justify-content: space-between;}
.header2 .header_mid_mid ul li{width: 100%;}
.header2 .header_mid_mid ul li a.biga:hover, 
.header2 .header_mid_mid ul li a.biga.action, 
.header2 .header_mid_mid ul li a.bigaon{color: #fff;}
.header2 .header_mid_mid ul li a.biga.down:hover:after, 
.header2 .header_mid_mid ul li a.biga.down.action:after, 
.header2 .header_mid_mid ul li a.down.bigaon:after{background-color: #fff;}
.header2 .header_mid_mid ul li a.biga{padding: 10px 0;text-align: center;}
.header2 .header_mid_mid ul li a.biga.down:after{right: unset;}
.header2 .header_mid_mid ul li a.biga.down>span{padding-right: 5px;}
@media screen and (max-width:1024px) {
  .page {padding-top: 70px;}
  header.header2  {position: fixed;  height: 70px;}
  header.header2  .container {display: flex;  justify-content: space-between;  align-items: center;}
  .header2 .header_mid_box {width: 80%;padding: 0; }
  .header2 .header_mid_left {margin-top: 0;}
  .header2 .header_mid_left img{max-height: 60px;max-width: 100%;}
  header.header2:before {display: none;}
  .header2 .mobilenav {display: block;}
  .header2 .header_mid_mid {display: none;}
  .header2 .header_mid_left {float: none;  width: 100%;   text-align: left;}
  .header2 .header_mid_left a {display: inline-block;}
  header.header2  {padding: 5px 0;  background-color: #fff;}
  header.header2  .header_mid_left a:after {top: 0;  opacity: 1;}
}
@media screen and (max-width:480px) {
  .header2 .navigate ul li dl {padding: .875em 0;}
  .header2 .navigate ul li a {font-size: 1.125em;}
}
/* header2 */

/*搜索*/
.index_search{box-shadow: 0px 3px 7px 0px rgba(137,137,137,0.29);position: relative;}
.index_search_text{}
.index_search_text span{font-size: 14px;color: #333;}
.index_search_text a{font-size: 14px;color: #333;}
.index_search_form{margin: 5px 0; border: 1px solid #e5e5e5;max-width: 100%;}
.index_search_form .form-group{margin-bottom: unset;}
.index_search_input{
  border-radius: unset;
  border: unset;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  height: 32px;
  padding: 0 .929rem!important;
}
.index_search_input::-webkit-input-placeholder{color: #999;}
.index_search_input::-moz-placeholder{color: #999;}
.index_search_input:-ms-input-placeholder{color: #999;}

.index_search_btn{
  border-radius: unset!important;
  font-size: 14px;
  color: #fff;
  height: 32px;
  padding: 0 .929rem!important;
  background-color: var(--first_color);
}
.index_search_i{
  margin: auto;
  position: absolute!important;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 11px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

@media (max-width: 767px){
  .index_search_form{width: 100%}
}
@media (min-width: 768px){
  .input-group-btn .index_search_btn{}
}
/*搜索*/

.index_main{ width:100%; max-width:1920px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bg{ width:100%; height:auto; min-height:850px; margin:0 auto; display:block; overflow:hidden; text-align:center;background:url(../images/web/product_bg.jpg) no-repeat center top; background-size:100% 100%;}
.product_1200{ width:1074px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_ls{ width:100%; height:auto; min-height:850px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_ls.png) no-repeat center top;}
.product_ls ul{ width:100%; height:auto; margin:0 auto; margin-top:130px; padding:0px; display:block; overflow:hidden; text-align:center;}
.product_ls ul li{ position:relative; z-index:1; width:537px; height:347px; margin:0 auto; margin-left:537px; display:block; overflow:hidden; text-align:center;}
.product_ls ul li:first-child{margin-right:527px; margin-left:0px;}
.product_ls ul li .img{ width:537px; height:347px; margin:0 auto; display:block; overflow:hidden; text-align:center}
.product_ls ul li .img a{ width:537px; height:347px; margin:0 auto; display:block; overflow:hidden; text-align:center}
.product_ls ul li .img a img{ width:537px; height:347px; margin:0 auto; display:block; overflow:hidden; text-align:center}
.product_ls ul li .title{ position:absolute; z-index:2; left:0px; top:0px; width:600px; height:391px; margin:0 auto; display:none; overflow:hidden; text-align:center; background:#1c1c1c; opacity:0.7;}
.product_ls ul li:hover .title{ display:block;}
.product_ls ul li .title a{ width:600px; height:391px; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:24px; line-height:391px; color:#fff;}



.product_top{ width:100%; height:157px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_top.png) no-repeat center top;}
.product_bot{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_1{ width:600px; height:390px; margin:0 auto; margin-top:58px; display:block; overflow:hidden; text-align:center; float:left;}
.product_bot .pb_1 ul{ width:600px; height:390px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_1 ul li{ width:600px; height:390px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_1 ul li .img{ width:600px; height:304px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_1 ul li .img a{width:600px; height:304px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_img_1.jpg) no-repeat center top;}
.product_bot .pb_1 ul li .title{ width:600px; height:84px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_title_1.png) no-repeat center top;}
.product_bot .pb_1 ul li .title a{ width:600px; height:84px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_1 ul li .title a span{ margin-left:26px; font-size:24px; line-height:55px; color:#444; float:left}


.product_bot .pb_2{ width:600px; height:448px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_img2.png) no-repeat center top; float:left}
.product_bot .pb_3{ width:600px; height:392px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_img3.png) no-repeat center top;float:left}
.product_bot .pb_4{ width:600px; height:392px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.product_bot .pb_4 ul{ width:600px; height:392px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_4 ul li{ width:275px; height:392px; margin:0 auto; margin-left:50px; display:block; overflow:hidden; text-align:center; float:left}
.product_bot .pb_4 ul li:first-child{ margin:0 auto;}
.product_bot .pb_4 ul li .img{ width:275px; height:310px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_4 ul li .img a{ width:275px; height:310px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_4 ul li .img a img{ width:275px; height:310px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.product_bot .pb_4 ul li .title{ width:275px; height:82px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/product_title_2.png) no-repeat center top;}
.product_bot .pb_4 ul li .title a{ width:275px; height:82px; margin:0 auto; margin-left:8px; display:block; overflow:hidden; text-align:left; font-size:24px; line-height:64px; color:#444;}




.about_bg{ width:100%; max-width:1920px; height:auto; min-height:1080px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/about_bg.jpg) no-repeat center top;}
.about_bg2{ width:100%; max-width:1920px; height:auto; min-height:1080px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/about_bg2.png) no-repeat center bottom;}
.about_1200{ width:1200px; height:auto; min-height:1080px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_top{ width:100%; margin:0 auto; margin-top:85px; display:block; overflow:hidden; text-align:center;}
.about_top_l{ width:260px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; float:left}
.about_top_l p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:24px; line-height:24px; color:#444;}
.about_top_l p span{ width:100%; height:auto; margin:0 auto; margin-bottom:15px; display:block; overflow:hidden; text-align:left; font-size:50px; line-height:50px; color:#444; font-weight:bold;}

.about_top_r{ width:510px; height:116px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right; background:url(../images/web/about_right_top.png) no-repeat right top}
.about_top_r p{ width:500px; height:20px; margin:0 auto; margin-right:10px; display:block; overflow:hidden; text-align:right; font-size:12px; line-height:20px; color:#888; float:right}

.about_bot{ width:100%; height:auto; margin:0 auto; margin-top:76px; display:block; overflow:hidden; text-align:center;}
.about_315{ width:315px; height:802px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; background:url(../images/web/about_left.png) no-repeat center  top;}

.about_870{ width:870px; height:802px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.about_870_top{ width:870px; height:30px; margin:0 auto; margin-top:328px; display:block; overflow:hidden; text-align:center; background:url(../images/web/about_bg.png) no-repeat left top;}
.about_870_top a{width:160px; height:24px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; font-size:16px; line-height:24px; color:#fff;}

.about_870_bot{ width:825px; height:auto; margin:0 auto; margin-top:92px; margin-left:45px; display:block; overflow:hidden; text-align:center; float:left;}
.index_about_cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.index_about_cs p{ font-size:14px; line-height:30px; color:#fff;}

.about_more{ width:825px; height:auto; margin:0 auto; margin-top:100px; margin-left:10px; display:block; overflow:hidden; text-align:center; float:right;}
.about_more a{ width:267px; height:65px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/about_more.png) no-repeat center top; font-size:20px; line-height:55px; color:#444; float:left}



.news_bg{ width:100%; max-width:1920px; min-height:1080px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_bg.jpg) no-repeat center top;}
.news_bg2{ width:100%; max-width:1920px; height:auto; min-height:1080px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_bg2.png) no-repeat center top;}

.news_1200{ width:1200px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_1200_top{ width:1200px; height:259px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_top.png) no-repeat center top;}

.news_1200_list{ width:1200px; height:auto; margin:0 auto; margin-top:113px; display:block; overflow:hidden; text-align:center;}
.news_524{ width:524px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left}
.news_524 ul{ width:524px; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center}
.news_524 ul li{ width:473px; height:auto; margin:0 auto; margin-top:66px; padding:0px; display:block; overflow:hidden; text-align:center}
.news_524 ul li .title{ width:473px; height:30px; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_524 ul li .title a{ font-size:18px; line-height:30px; color:#fff; font-weight:bold;}

.news_524 ul li .cs{ width:473px; height:auto; margin:0 auto; margin-top:100px; text-align:left; font-size:14px; line-height:30px; color:#fff;}

.news_576{ width:576px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right}
.news_576 ul{ width:576px; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.news_576 ul li{ width:576px; height:auto; margin:0 auto; margin-bottom:110px; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_li.jpg) no-repeat 114px 0px;}
.news_576 ul li .time{ width:79px; height:79px; margin: auto; margin-top:20px; display:block; overflow:hidden; text-align:center; border: solid 3px #dcdcdc; float:left}
.news_576 ul li .time .time_1{ width:79px; height:39px; margin:0 auto;  display:block; overflow:hidden; text-align:center; font-size:22px; line-height:39px; color:#444;}
.news_576 ul li .time .time_2{ width:79px; height:40px; margin:0 auto;  display:block; overflow:hidden; text-align:center; font-size:26px; line-height:40px; color:#444;}

.news_576 ul li .title{ width:462px; height:24px; margin:0 auto; margin-top:20px; display:block; overflow:hidden; text-align:left;}
.news_576 ul li .title a{ font-size:20px; line-height:24px; color:#444;}

.news_576 ul li .content{ width:462px; height:auto; margin:0 auto; text-align:left; font-size:16px; line-height:30px; color:#888888;}




.job_bg{ width:100%; max-width:1920px; min-height:1080px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#ebebeb;}
.job_1200{ width:1200px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.job_top{ width:1200px; height:289px; margin:0 auto; background:url(../images/web/jop_top.png) no-repeat center top;}
.job_bot{ width:1200px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.job_410{width:410px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left}
.job_410 ul{ width:410px; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.job_410 ul li{ width:404px; margin:0 auto; margin-bottom:36px; display:block; overflow:hidden; text-align:center; border:3px solid #1a5a93;}
.job_410 ul li a{ width:404px; height:92px; margin:0 auto;  display:block; overflow:hidden; text-align:center;}
.job_410 ul li:hover a{ width:404px; height:92px; margin:0 auto;  display:block; overflow:hidden; text-align:center; background:#1a5a93;}

.job_410 ul li .title{ width:220px; height:38px; margin:27px auto; margin-left:22px; display:block; overflow:hidden; text-align:left; float:left; font-size:18px; line-height:38px; color:#444;}
.job_410 ul li:hover .title{ color:#fff;}
.job_410 ul li .tsc{ width:104px; height:38px; margin:27px auto; margin-right:35px; display:block; overflow:hidden; text-align:center; float:right; border-radius:20px; background:#1a5a93; font-size:16px; color:#fff; line-height:38px;}
.job_410 ul li:hover .tsc{background:#fff; color:#1a5a93;}


.job_690{ width:690px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.job_690_1{ width:690px; height:40px; margin:0 auto; display:block; overflow:hidden; border-bottom: solid 1px #b9b9b9;}
.jb_title1{ width:368px; height:20px; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:20px; color:#444; float:left}
.jb_title2{ width:322px; height:20px; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:20px; color:#444; float:left }

.job_690_2{width:690px; height:52px; margin:0 auto; margin-top:30px; display:block; overflow:hidden; border-bottom: solid 1px #b9b9b9;}
.jb_time{width:690px; height:52px; margin:0 auto; display:block; overflow:hidden; text-align:left;font-size:20px; line-height:20px; color:#444;}


.job_690_3{width:690px; height:185px; margin:0 auto; padding-top:25px; display:block; overflow:hidden; border-bottom: solid 1px #b9b9b9;}
.job_690_3 p{ width:100%; height:32px; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:32px; color:#444;}


.job_690_4{width:690px; height:185px; margin:0 auto; padding-top:25px; display:block; overflow:hidden;}
.job_690_4 p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:32px; color:#444;}

.job_690_5{width:690px; height:52px; margin-top: 35px; display:block; overflow:hidden; text-align:center;}
.job_690_5 a{ width:240px; height:52px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right; font-size:18px; line-height:52px; color:#fff; background:#1a5a93;} 



.index_bottom{ width:100%; max-width:1920px; height:auto; min-height:1080px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/index_bottom.jpg) no-repeat center top;}
.contact_bg{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_1200{width:1200px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_1200_top{ width:1200px; height:213px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/contact_top.png) no-repeat center top;}
.contact_1200_bot{ position:relative; z-index:1; width:1200px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_540{ width:580px; height:auto; min-height:479px; margin:0 auto; margin-top:122px; padding-top:150px; display:block; overflow:hidden; text-align:left; background:url(../images/web/contact_540_bg.png) no-repeat center top; float:left}

.contact_540 .active{ width:508px; height:auto; margin:0 auto; padding:0px !important; display:block; overflow:hidden; text-align:center; float:right}
.contact_540 form{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_540 form table{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_540 form table tbody{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.contact_540 form table tbody tr{ width:100%; height:40px; margin:0 auto; margin-top:63px; display:block; overflow:hidden; text-align:left; background:url(../images/web/lxa.png) repeat-x center bottom;}
.contact_540 form table tbody tr .text{ width:80px; height:40px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:40px; color:#444; float:left}

.contact_540 form table tbody tr .input{ width:428px; height:40px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:40px; color:#444;}
.contact_540 form table tbody tr .input input{ width:100%; height:40px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:left; background:none; outline:none; border:none; font-size:16px; line-height:40px; color:#444;}

.contact_540 form table tbody tr .input textarea{width:100%; height:40px; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:left; background:none; outline:none; border:none;font-size:16px; line-height:40px; color:#444;}
.contact_540 form table tbody tr .input span{ display:none;}

.contact_540 form table tbody tr.oos{ width:508px; height:60px; margin:0 auto; margin-top:40px; display:block; overflow:hidden; text-align:center; background:none;}

.contact_540 form table tbody tr.oos .text{ display:none;}
.contact_540 form table tbody tr.oos .submint{display: flex;align-items: center;justify-content: space-between;padding-right: 45px;}
.contact_540 form table .submint .submit{ width:200px;height:40px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;padding: 0;background: #fff;}


.contact_660{ position:relative; z-index:2; width:660px; height:auto; min-height:601px; margin:0 auto; margin-left:-40px; display:block; overflow:hidden; text-align:center; float:right; background:url(../images/web/contact_660_bg.png) no-repeat center top}
.contact_486{ width:486px; height:auto; margin:0 auto; margin-top:70px; margin-left:76px; margin-right:98px; display:block; overflow:hidden;}
.cont_1{ width:100%; height:80px; margin:0 auto; margin-bottom:28px; display:block; overflow:hidden; text-align:center; background:url(../images/web/contact_img.jpg) no-repeat 0px 0px;}
.cont_1 p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#fff;}
.cont_1 p span{ width:100%; height:auto; margin:0 auto; margin-top:4px; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:40px; color:#fff; font-weight:bold;}

.cont_2{ width:100%; height:80px; margin:0 auto; margin-bottom:28px; display:block; overflow:hidden; text-align:center; background:url(../images/web/contact_img.jpg) no-repeat 0px 0px;}
.cont_2 p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#fff;}
.cont_2 p span{ width:100%; height:auto; margin:0 auto; margin-top:4px; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:40px; color:#fff; font-weight:bold;}

.cont_3{ width:100%; height:80px; margin:0 auto; margin-bottom:28px; display:block; overflow:hidden; text-align:center; background:url(../images/web/contact_img.jpg) no-repeat 0px 0px;}
.cont_3 p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#fff;}
.cont_3 p span{ width:100%; height:auto; margin:0 auto; margin-top:4px; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:40px; color:#fff; font-weight:bold;}


.cont_4{ width:100%; height:80px; margin:0 auto; margin-bottom:28px; display:block; overflow:hidden; text-align:center; background:url(../images/web/contact_img.jpg) no-repeat 0px 0px;}
.cont_4 p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#fff;}
.cont_4 p a{ width:100%; height:auto; margin:0 auto; margin-top:4px; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:40px; color:#fff; font-weight:bold;}



.bq{ width:100%; height:auto; margin:0 auto; margin-top:50px; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:30px; color:#fff;}
.bq a{ color:#fff;}

.lx{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:30px; color:#fff;}
.lx a{ color:#fff;}


.form-item .codeimg{
  width: 80px;
  height: 34px;
}
.form-codeimg{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-right: 13px;
} 
.form-item input{
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  color: #444;
  border: 0;
  background: url(../images/web/lxa.png) repeat-x center bottom;
}
.form-item input::-webkit-input-placeholder,.form-item textarea::-webkit-input-placeholder{color: #444;}
.form-item input::-moz-placeholder,.form-item textarea::-moz-placeholder{color: #444;}
.form-item input:-ms-input-placeholder,.form-item textarea:-ms-input-placeholder{color: #444;}




.index_bottom2{ width:100%; max-width:1920px; height:auto; margin:0 auto; padding:20px 0px; display:block; overflow:hidden; text-align:center;background:#2c2c2c;}
.ny_Foot_bg{width:100%; max-width:1920px; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center; }
.ny_Foot_1200{ width:1200px; height:auto; min-height:132px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/ewm.png) no-repeat right center}
.ny_Foot_ls{ width:100%; height:auto; margin:0 auto; margin-top:38px; display:block; overflow:hidden; text-align:center;}
.fo_1{ width:260px; height:50px; margin:0 auto; margin-right:56px; display:block; overflow:hidden; text-align:left; float:left; background:url(../images/web/fo_1.png) no-repeat left top}
.fo_1 p{ width:260px; height:22px; margin:0 auto; margin-top:28px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:22px; color:#fff; text-indent:51px;}

.fo_2{ width:335px; height:50px; margin:0 auto; margin-right:22px; display:block; overflow:hidden; text-align:left; float:left; background:url(../images/web/fo_2.png) no-repeat left top}
.fo_2 p{ width:335px; height:22px; margin:0 auto; margin-top:28px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:22px; color:#fff; text-indent:36px;}

.fo_3{ width:340px; height:50px; margin:0 auto; display:block; overflow:hidden; text-align:left; float:left; background:url(../images/web/fo_3.png) no-repeat left top}
.fo_3 p{ width:340px; height:22px; margin:0 auto; margin-top:28px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:22px; color:#fff; text-indent:34px;}


/* 底部 */

footer{}


.foot_copyright , .foot_copyright a , .foot_copyright p{
  font-family: "Microsoft YaHei";
  font-size:14px;
  line-height:30px;
  text-align: center;
}

.online i, .botmenu i{margin-right: .3rem;}
@media all and (max-width: 767px) {
  .foot_qr{justify-content: center;margin: 20px 0;}
}
@media (min-width: 768px) and (max-width: 991px){

}
@media all and (min-width: 991px) {

}
/* 底部 */


@media all and (max-width: 767px) {
  .no_dis2 {display: none!important;}
}
@media (min-width: 768px) and (max-width: 991px){
	.no_dispad{display: none!important;}
}
@media all and (min-width: 991px) {
  .no_dis1{display: none;}
}


/* 内页 */
/* about */
.pages{padding: 30px 15px;}
.about_content{line-height: 1.5;font-size: 16px;}
.about_content p{margin-bottom: 10px;}
/* subnavlist */
.subnavlist .swiper-container .swiper-slide a.active,
.subnavlist ul li a:hover, 
.subnavlist ul li a:focus,
.subnavlist ul li a.active{color: var(--first_color);}
/* product news */
.productlist .card:before,
.newslist ul li:before{border-color: var(--first_color);}
.showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}
.newslist ul li h4 a{display: block;}
.showproduct .tab-content{line-height: 1.5;font-size: 16px;}
.showproduct .tab-content p{margin-bottom: 10px;}
.showcase .tab-content{line-height: 1.5;font-size: 16px;}
.showcase .tab-content p{margin-bottom: 10px;}
@media (max-width: 767px){
  .newslist ul li.media .media-left{width: 35%;}
  .newslist .media-body{width: 65%;align-self: center;}
  .newslist ul li{padding: 10px 0;margin-bottom: 10px;}
}

/* 详情页右侧推荐 */
.showproduct .recommend ul li.item_block:hover:before,
.shownews .recommend ul li.item_block:before{border-color: var(--first_color);}
.showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info,
.shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)}

/* 分页器 */
.page-link, .page-num{color: #333;}
.page-link:hover,
.page-num:hover,
.page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;}
.searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)}
.searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)}
@media all and (max-width: 767px) {
  .searchcomponent .form-group{width: 75%;}
  .searchcomponent button{width:25%}
  .page-link[href], 
  .page-num[href]{color:var(--first_color)}

  .page-link[href]:hover,
  .page-num[href]:hover,
  .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;}
}
/* product */
.showproduct .recommend ul li.item_block a p.item_date{min-width: 50px;}
.showproduct .recommend ul li.item_block a .item_info{max-width: unset;}
.showproduct .recommend ul li.item_block a .item_des{width: unset;}
.showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;}

/* job */
.joblist ul li{margin-bottom: 30px;padding-bottom: 30px;}
.joblist ul li:before{border-color: var(--first_color);}
.joblist ul li .des{line-height: 1.5;font-size: 16px;}
.joblist ul li .des p{margin-bottom: 10px;}
/* case */
.caselist .card:before{border-color: var(--first_color);}
.showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}

/* message */
.form-control:focus{border-color: var(--first_color);box-shadow: unset;}
.messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);}
.messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);}

/* download */
.downloadlist ul li{padding-bottom: 30px;}
.downloadlist ul li:before{border-color: var(--first_color);}
.downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);}
.downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;}
.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus, 
.show > .btn-info.dropdown-toggle:focus{box-shadow: unset;}
.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);}
.btn-info:focus, .btn-info.focus{box-shadow: unset;}
.downloadlist ul li:hover p{margin-left: 15px;transition: all .30s ease;}

/* 产品 新闻推荐 */
.showproduct .recommend span.toptitle, .shownews .recommend span.toptitle {margin-bottom: 20px;}
.showproduct .recommend ul li.item_block {margin: 0 0;padding: 0 0;margin-bottom: 15px;}
.showproduct .recommend ul li.item_block a {display: block;width: 100%;}
.showproduct .recommend ul li.item_block a .item_img {width: 100%;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_img img {width: 100%;height: auto;display: block;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_link {width: 100%;padding: 0 0;margin-bottom: 10px;}
.showproduct .recommend ul li.item_block a .item_link p {padding: 0 0;}
.productlist .card .card-img{text-align: center;}
.shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;}
.shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 78%;max-width: unset;}
.product-params-box{margin-top: 10px;}
.product-params{margin: 5px 0;}
@media(max-width:991px) {
  .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{width: 50%;}
  .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){padding-left:10px}
  .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){padding-right:10px}
  .shownews .recommend ul li.item_block a .item_des{width: 100%;}
}

/* tabber */
.botmenu {border-top: 1px #fff solid;}
.botmenu p {width: 100%;padding: 0 0;margin: 0 0;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.botmenu i {font-size: 24px;}

/* 新闻列表 */
.newslist ul li.media .media-left{width: 20%;}
.newslist ul li.media .media-body{width: 80%;}
.newslist h2,
.newslist p{word-break:break-all;}

/* æ–°é—» */
.shownews .content{line-height: 1.5;font-size: 16px;}
.shownews .content p{margin-bottom: 10px;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)}
.showproduct .img-thumbnail-variant-2{width:100%}

.subnavlist .swiper-subnav .dropdown-item.active, 
.swiper-subnav .dropdown-item:active{color:var(--first_color);}